<div class="tab-pane" id="history" ng-controller="HistoryCtrl">
  <div class="row margin">
    <div class="form-group col-md-2">
      <label>计算机名</label>
      <input type="text" class="form-control" ng-model="search_data.ComputerName">
    </div>
    <div class="form-group col-md-2">
      <label>IP</label>
      <input type="text" class="form-control" ng-model="search_data.IP">
    </div>
    <div class="form-group col-md-3">
      <label>时间范围</label>
      <input type="text" class="form-control timerange" readonly style="background-color: #fff;">
    </div>
    <div class="form-group col-md-2 pull-right">
      <label style="width: 100%;">&nbsp;</label>
      <button class="form-control btn btn-success pull-right" style="max-width: 80px;"
        ng-click="search()">搜&nbsp;&nbsp;索</button>
    </div>
  </div>

  <div class="tab-content" style="padding-top:0px;border-bottom:0px;">
    <div class="tab-pane active" id="protect">
      <div class="row">
        <div class="col-md-12">
          <div class="box box-solid" style="margin-top:10px;">
            <div id="myTabContent" class="tab-content">
              <div class="tab-pane fade in active" id="net">
                <div class="box-body">
                  <table class="table table-hover  ng-cloak" style="table-layout: fixed">
                    <tr>
                      <th>计算机名</th>
                      <th>IP</th>
                      <th>开始时间</th>
                      <th>结束时间</th>
                    </tr>
                    <tr ng-repeat="item in historyData.data">
                      <td class="td_class" title="{{item.computerName}}" ng-bind="item.computerName"></td>
                      <td ng-bind="item.ip"></td>
                      <td ng-bind="item.startTime"></td>
                      <td ng-bind="item.endTime"></td>
                    </tr>
                  </table>
                  <div style="border-top: 1px solid #f4f4f4;padding: 10px;">
                    <span>共
                      <span ng-bind="historyData.count"></span>条</span>
                    <ul class="pagination pagination-sm no-margin pull-right ng-cloak">
                      <li>
                        <a href="javascript:void(0);" ng-click="search(historyData.pageNow-1)"
                          ng-if="historyData.pageNow>1">上一页</a>
                      </li>
                      <li>
                        <a href="javascript:void(0);" ng-click="search(1)" ng-if="historyData.pageNow>1">1</a>
                      </li>
                      <li>
                        <a href="javascript:void(0);" ng-if="historyData.pageNow>4">...</a>
                      </li>
                      <li>
                        <a href="javascript:void(0);" ng-click="search(historyData.pageNow-2)"
                          ng-bind="historyData.pageNow-2" ng-if="historyData.pageNow>3"></a>
                      </li>
                      <li>
                        <a href="javascript:void(0);" ng-click="search(historyData.pageNow-1)"
                          ng-bind="historyData.pageNow-1" ng-if="historyData.pageNow>2"></a>
                      </li>
                      <li class="active">
                        <a href="javascript:void(0);" ng-bind="historyData.pageNow"></a>
                      </li>
                      <li>
                        <a href="javascript:void(0);" ng-click="search(historyData.pageNow+1)"
                          ng-bind="historyData.pageNow+1" ng-if="historyData.pageNow<historyData.maxPage-1"></a>
                      </li>
                      <li>
                        <a href="javascript:void(0);" ng-click="search(historyData.pageNow+2)"
                          ng-bind="historyData.pageNow+2" ng-if="historyData.pageNow<historyData.maxPage-2"></a>
                      </li>
                      <li>
                        <a href="javascript:void(0);" ng-if="historyData.pageNow<historyData.maxPage-3">...</a>
                      </li>
                      <li>
                        <a href="javascript:void(0);" ng-click="search(historyData.maxPage)"
                          ng-bind="historyData.maxPage" ng-if="historyData.pageNow<historyData.maxPage"></a>
                      </li>
                      <li>
                        <a href="javascript:void(0);" ng-click="search(historyData.pageNow+1)"
                          ng-if="historyData.pageNow<historyData.maxPage">下一页</a>
                      </li>
                    </ul>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
